<template>
  <div>
      <Header></Header>
      <router-view></router-view>
      <!-- 下面代码中使用的v-show 是用来判断当前路径是否为为指定的条件是才渲染代码会显得比较的长-->
      <!-- <Footer v-show="$route.path !== '/login' && $route.path !== '/register'"></Footer> -->
      <Footer v-show="!$route.meta.isHidden"></Footer>
  </div>
</template>

<script>
import Footer from '@/components/Footer'
import Header from '@/components/Header'
export default {
  name:'App',
  //非路由组件的注册，必须要注册
  components:{
    Footer,
    Header
  },
  mounted(){
    this.$store.dispatch('getCategoryList');
  },
}
</script>

<style>

</style>